@import '../../css/less/common.less';
@import '../../css/less/mixins/bgcontain.mixins.less';

body {
  background-color: #fff3c2;
  padding-bottom: 50px;
}

.wrapper--fluid {
  padding: 0;
}

.header__title {
  width: 100%;
  height: 180.5px;
  font-size: 0;
  text-indent: -9999px; 
  background-image: url('./images/spring-festival-banner.png');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
}
.header__text {
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
  overflow: hidden;
}
.main {
  position: relative;
  padding-top: 10px;
}
.activity-desc {
  width: 314px;
  height: 148px;
  margin: 0 auto;
  padding: 15px;
  background-color: #fff6db;
  border-radius: 10px;
  border: solid 2px #d6aa32;
}
.activity-desc__text {
  font-size: 13px;
  color: #80490e;
  line-height: 18px;
  letter-spacing: 1px;
  margin-bottom: 5px;
}
.activity-desc__clouds {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 375px;
  height: 171.5px;
}
.activity-rules {
  width: 318px;
  margin: 0 auto;
  margin-top: 44px;
}
.activity-rules__title {
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 1px;
  color: #80490e;
}
.activity-rules__list {
  font-size: 12px;
  margin-top: 12px;
  padding-left: 1.2em;
}
.rules-list__item {
  margin-bottom: 3px;
  letter-spacing: 0.5px;
  line-height: 1.3;
  color: #80490e;
  list-style-type: decimal;
}